<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>fantasy.admin</title>
    <!--    载入bootstrap的css模板-->
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.min.css">
    <!--    导入bootstrap的js插件必须先导入，jquery-->
    <script src="../bootstrap/js/jquery/jquery.min.js"></script>
    <!--    导入bootstrap的js插件-->
    <script src="../bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript">
        $(function () {
            //第一次加载将第一页选中
            $("#page li:eq(2)").attr("class", "active");
            //console.log($("#page"));

            //发送请求获取数据
            $.get("admin.do", {action: 'pageQuery'}, function (data) {
                //console.log(data)
                var tr = '';
                for (var i = 0; i < data.items.length; i++) {
                    //将数据拼接添加到页面上
                    tr += '<tr>\n' +
                        '                        <td>' + data.items[i].id + '</td>\n' +
                        '                        <td>' + data.items[i].name + '</td>\n' +
                        '                        <td>' + data.items[i].email + '</td>\n' +
                        '                        <td>' + data.items[i].phone + '</td>\n' +
                        '                        <td>' + data.items[i].password + '</td>\n' +
                        '                        <td>\n' +
                        '                            <button class="btn btn-info btn-Update" onclick="update(this)" data-toggle="modal" data-target="#adminModal">修改</button>\n' +
                        '                            <button class="btn btn-danger" onclick="deleteAdmin(this)">删除</button>\n' +
                        '                        </td>\n' +
                        '                    </tr>'
                }
                $("#tbody1").html(tr);

                //通过Page类带回来的总页数和条数属性添加分页按键
                //console.log(typeof (data.pageTotal))
                var li = "<ul class=\"pagination\">" +
                    "<li><a href=\"#\" onclick=\"firstPage()\">首页</a></li>\n" +
                    "                    <li>\n" +
                    "                        <a href=\"#\" aria-label=\"Previous\" onclick=\"previousPage()\">\n" +
                    "                            <span aria-hidden=\"true\">&laquo;</span>\n" +
                    "                        </a>\n" +
                    "                    </li>\n";

                //如果总页数大于等于5页
                if (data.pageTotal >= 5) {
                    //如果还是只给五个页码
                    li += "<li class='active'><a href=\"#\">" + 1 + "</a></li>" +
                        "<li><a href=\"#\">" + 2 + "</a></li>" +
                        "<li><a href=\"#\">" + 3 + "</a></li>" +
                        "<li><a href=\"#\">" + 4 + "</a></li>" +
                        "<li><a href=\"#\">" + 5 + "</a></li>"
                } else {
                    //否则有几页就给几个页码
                    for (var i = 0; i < data.pageTotal; i++) {
                        if (i == 0) {
                            li += "<li class='active'><a href=\"#\">" + (i + 1) + "</a></li>"
                        } else {
                            li += "<li><a href=\"#\">" + (i + 1) + "</a></li>"
                        }
                    }
                }

                li += "<li>\n" +
                    "                        <a href=\"#\" aria-label=\"Next\" onclick=\"nextPage()\">\n" +
                    "                            <span aria-hidden=\"true\">&raquo;</span>\n" +
                    "                        </a>\n" +
                    "                    </li>\n" +
                    "                    <li><a href=\"#\" onclick='lastPage()'>尾页</a></li>" +
                    "<li style='font-size: 20px' id='pageText'>共有" + data.pageTotal + "页，" + data.pageTotalCount + "条数据</li>" +
                    "<li><input type='text' id='jumpPageNo'><button onclick='jumpPage()'>跳转</button></li>"
                "</ul>";

                $("#page").html(li)


            });


            //给模态框的input添加离焦检验事件
            $("#adminName").blur(checkAdminName)
            $("#adminPassword").blur(checkPassword)
            $("#adminPhone").blur(checkPhone)
            $("#adminEmail").blur(checkEmail)

            //模态关闭刷新页面
            $('#adminModal').on('hide.bs.modal', function () {
                location.reload();
            });

            //添加按键事件

            $("#btn-addAdmin").click(function () {

                //将所有文本框设置为空
                $("#adminName").val("")
                $("#adminEmail").val("")
                $("#adminPhone").val("")

                $("#adminPassword").val("")

                //修改模态框标题
                $("#myModalLabel").text("管理员添加")


                //模态框的保存按键点击事件
                $("#btn1").click(function () {

                    if (checkAdminName() && checkPassword() && checkPhone() && checkEmail()) {
                        console.log(3)
                        $.get("admin.do", {
                            action: 'addAdmin',
                            name: $("#adminName").val(),
                            password: $("#adminPassword").val(),
                            email: $("#adminEmail").val(),
                            phone: $("#adminPhone").val(),
                        }, function (data) {
                            console.log(typeof (data))
                            if (data == 1) {
                                alert("添加成功")
                                //页面重新加载
                                location.reload()
                            }
                        });
                    }else {
                        alert("请输入规范信息！")
                    }
                    return false;
                })

            });

            //a标签跳转
            $("#page").on("click", "a", function () {
                //获取被点击的a标签文字
                var pageNo = parseInt($(this).html());

                //获取所有的#page下的a标签 用于跳转后的改变数据和判断是否页码数多余5页
                var $a = $("#page li a");

                //获取当前属性有class='active'的li标签用于改变属性
                var $li = $("#page li[class='active']");

                //最后一个离元素的内容  就是 ‘共有"+data.pageTotal+"页，"+data.pageTotalCount+"条数据’
                var $lastLiHtml = $("#pageText").html();
                //将字符串切割出页数
                var totalPage = parseInt($lastLiHtml.substring(2, $lastLiHtml.indexOf("页")));


                if (isNaN(pageNo) || pageNo <= 0 || pageNo > totalPage) {
                    //如果点击的不是有效a标签
                    return false
                } else if ($a.length >= 9) {
                    //1.页数大于5  因为a标签还包含上一页下一页 首页末页  所以要length大于等于9才是总页数大于等于5页
                    if (pageNo == 1 || pageNo == 2) {
                        //    1.1 且跳转到1 或2 界面
                        $a.eq(2).html(1);
                        $a.eq(3).html(2);
                        $a.eq(4).html(3);
                        $a.eq(5).html(4);
                        $a.eq(6).html(5);
                        $li.removeAttr('class', 'active');
                        //找到这个a标签的父标签li 添加属性
                        $(this).parent("li").attr("class", "active")
                    } else if (pageNo == totalPage || pageNo == (totalPage - 1)) {
                        //1.2 跳转到倒数第二页 或倒数第一页 界面
                        $a.eq(2).html(totalPage - 4);
                        $a.eq(3).html(totalPage - 3);
                        $a.eq(4).html(totalPage - 2);
                        $a.eq(5).html(totalPage - 1);
                        $a.eq(6).html(totalPage);
                        $li.removeAttr('class', 'active');
                        //找到这个a标签的父标签li 添加属性
                        $(this).parent("li").attr("class", "active")
                    } else {
                        //1.3 跳转其他数字的页面
                        $a.eq(2).html(pageNo - 2);
                        $a.eq(3).html(pageNo - 1);
                        $a.eq(4).html(pageNo);
                        $a.eq(5).html(pageNo + 1);
                        $a.eq(6).html(pageNo + 2);
                        $li.removeAttr('class', 'active');
                        $a.eq(4).parent("li").attr("class", "active");
                    }
                } else {
                    //2.页码小于5
                    $li.removeAttr('class', 'active');
                    $a.eq(pageNo + 1).parent("li").attr("class", "active");
                }
                getPageItem();
            })
        });

        //修改方法
        function update(nowRow) {
            //修改模态框标题
            $("#myModalLabel").text("管理员修改")

            //获取当前行
            var $tr = $(nowRow).parent().parent();

            //获取当前行的td中的信息 填写到模态框中
            $("#adminName").val($tr.children("td").eq(1).text().trim())
            $("#adminEmail").val($tr.children("td").eq(2).text().trim())
            $("#adminPhone").val($tr.children("td").eq(3).text().trim())
            $("#adminPassword").val($tr.children("td").eq(4).text().trim())
            /**
             * 点击关闭按钮
             **/
            $("#close").click(function () {
                window.location.reload()
            })
            //点击保存按钮事件
            $("#btn1").click(function () {
                if (checkAdminName() && checkPassword() && checkPhone() && checkEmail()) {
                    //使用get请求修改admin
                    $.get("admin.do", {
                        //请求参数
                        action: 'updateAdmin',
                        id: $tr.children("td").eq(0).text().trim(),
                        name: $("#adminName").val(),
                        password: $("#adminPassword").val(),
                        email: $("#adminEmail").val(),
                        phone: $("#adminPhone").val(),
                    }, function (data) {
                        console.log(typeof (data))
                        if (data == 1) {
                            alert("修改成功")
                            //调用方法获取当前页面数据
                            getPageItem();
                            window.location.reload()
                        } else {
                            alert("修改失败")
                        }
                    });
                }else {
                    alert("请输入规范的信息！")
                }
            })
        }

        //删除按键事件
        function deleteAdmin(nowRow) {
            //获取当前行
            var $tr = $(nowRow).parent().parent();

            //弹窗提示是否删除
            var choose = confirm("是否删除" + $tr.children("td").eq(1).text().trim());

            //判断弹窗的选择
            if (choose == true) {
                $.get("admin.do", {
                    //请求参数
                    action: 'deleteAdmin',
                    id: $tr.children("td").eq(0).text().trim(),
                }, function (data) {
                    //console.log(typeof (data))
                    if (data == 1) {
                        alert("删除成功")

                        //页面重新加载
                        location.reload()
                    } else {
                        alert("删除失败")
                    }
                });
            }

        }

        //首页按键
        function firstPage() {
            //获取所有#page下的li中的a标签
            var $a = $("#page li a");

            //获取当前属性有class='active'的li标签用于改变属性
            var $li = $("#page li[class='active']");

            //如果当前页码列表中含有1的话 直接给1这个a标签添加属性 并移除$li的属性
            if ($a.eq(2).html() == 1) {
                //移除$li的属性
                $li.removeAttr('class', 'active');
                //给1这个a标签添加属性
                $a.eq(2).parent("li").attr("class", "active")
            } else {
                //如果当前页码列表中没有含有1的话  将页码列表修改成12345
                $a.eq(2).html(1);
                $a.eq(3).html(2);
                $a.eq(4).html(3);
                $a.eq(5).html(4);
                $a.eq(6).html(5);
                //给1这个a标签添加属性
                $li.removeAttr('class', 'active');
                //并移除$li的属性
                $a.eq(2).parent("li").attr("class", "active")
            }

            //调用方法获取当前页面数据
            getPageItem();
        }

        //尾页按键
        function lastPage() {
            //获取所有#page下的li中的a标签
            var $a = $("#page li a");

            //获取当前属性有class='active'的li标签用于改变属性
            var $li = $("#page li[class='active']");

            //最后一个离元素的内容  就是 ‘共有"+data.pageTotal+"页，"+data.pageTotalCount+"条数据’
            var $lastLiHtml = $("#pageText").html();
            //将字符串切割出页数
            var totalPage = parseInt($lastLiHtml.substring(2, $lastLiHtml.indexOf("页")));
            //console.log($a.eq($a.length - 3).html());

            //判断页数的最后一个页码是否是总页数
            if ($a.eq($a.length - 3).html() == totalPage) {
                //移除$li的属性
                $li.removeAttr('class', 'active');
                //给页数的最后一个页码a标签添加属性
                $a.eq($a.length - 3).parent("li").attr("class", "active")
            } else {
                $a.eq(2).html(totalPage - 4);
                $a.eq(3).html(totalPage - 3);
                $a.eq(4).html(totalPage - 2);
                $a.eq(5).html(totalPage - 1);
                $a.eq(6).html(totalPage);
                //移除$li的属性
                $li.removeAttr('class', 'active');
                //给1这个a标签添加属性
                $a.eq(6).parent("li").attr("class", "active")
            }

            //调用方法获取当前页面数据
            getPageItem();
        }

        //上一页按键
        function previousPage() {
            //获取所有的#page 下的 li标签下的 a标签
            var $a = $("#page li a");

            //最后一个离元素的内容  就是 ‘共有"+data.pageTotal+"页，"+data.pageTotalCount+"条数据’
            var $lastLiHtml = $("#pageText").html();

            //获取页数 从第二个索引开始到‘页’出的索引结束
            //$lastLiHtml.substring(2,$lastLiHtml.indexOf("页"))

            //获取当前#page下的 class为active的 li元素
            var $li = $("#page li[class='active']");

            //如果当前页码  大于3  或是  不是最后两位 中间的页码要变  但是被选中的li标签不用变
            if ($li.children("a").html() > 3 && $li.children("a").html() <= parseInt($lastLiHtml.substring(2, $lastLiHtml.indexOf("页"))) - 2) {

                if ($a.eq(2).html() != 1) {
                    //页码减一可以直接减 $a.eq(2).html()-1  因为字符串没有减号的用法  他会默认转到可以使用减号的类型
                    $a.eq(2).html(parseInt($a.eq(2).html()) - 1);
                    $a.eq(3).html(parseInt($a.eq(3).html()) - 1);
                    $a.eq(4).html(parseInt($a.eq(4).html()) - 1);
                    $a.eq(5).html(parseInt($a.eq(5).html()) - 1);
                    $a.eq(6).html(parseInt($a.eq(6).html()) - 1);
                }
            } else if ($li.children("a").html() != 1) {
                //如果当前页码 小于3  或是  最后两位 中间的页码不用变  直接将同级的上一个li添加属性

                //移除$li的属性
                $li.removeAttr('class', 'active');

                //直接将同级的上一个li添加属性
                $li.prev("li").attr('class', 'active')
            }

            //调用方法获取当前页面数据
            getPageItem();
        }

        //下一页按键
        function nextPage() {

            //获取所有的#page 下的 li标签下的 a标签
            var $a = $("#page li a");

            //最后一个离元素的内容  就是 ‘共有"+data.pageTotal+"页，"+data.pageTotalCount+"条数据’
            var $lastLiHtml = $("#pageText").html();

            //获取页数 从第二个索引开始到‘页’出的索引结束
            //$lastLiHtml.substring(2,$lastLiHtml.indexOf("页"))

            //获取当前#page下的 class为active的 li元素
            var $li = $("#page li[class='active']");

            //如果当前页码  大于等于3  或是  不是最后两位 中间的页码要变  但是被选中的li标签不用变
            if ($li.children("a").html() >= 3 && $li.children("a").html() < parseInt($lastLiHtml.substring(2, $lastLiHtml.indexOf("页"))) - 2) {
                if ($a.eq(6).html() != parseInt($lastLiHtml.substring(2, $lastLiHtml.indexOf("页")))) {
                    //页码加一不能直接加  要先把a标签里的字符串转化成Number 才能是加一  不然会是字符串拼接
                    $a.eq(2).html(parseInt($a.eq(2).html()) + 1);
                    $a.eq(3).html(parseInt($a.eq(3).html()) + 1);
                    $a.eq(4).html(parseInt($a.eq(4).html()) + 1);
                    $a.eq(5).html(parseInt($a.eq(5).html()) + 1);
                    $a.eq(6).html(parseInt($a.eq(6).html()) + 1);
                }
            } else if ($li.children("a").html() != parseInt($lastLiHtml.substring(2, $lastLiHtml.indexOf("页")))) {
                //移除当前li的 class为active属性
                $li.removeAttr('class', 'active');

                //找到这个li的下一个元素  添加属性
                $li.next("li").attr('class', 'active')
            }

            //调用方法获取当前页面数据
            getPageItem();
        }

        //获取相应页数的page
        function getPageItem() {
            //发送请求
            $.get("admin.do", {
                action: 'pageQuery',
                pageNo: ($("#page li[class='active']").children("a").html() - 1) * 5
            }, function (data) {
                //console.log(data)

                //将数据拼接到页面中
                var tr = '';
                for (var i = 0; i < data.items.length; i++) {
                    tr += '<tr>\n' +
                        '                        <td>' + data.items[i].id + '</td>\n' +
                        '                        <td>' + data.items[i].name + '</td>\n' +
                        '                        <td>' + data.items[i].email + '</td>\n' +
                        '                        <td>' + data.items[i].phone + '</td>\n' +
                        '                        <td>' + data.items[i].password + '</td>\n' +
                        '                        <td>\n' +
                        '                            <button class="btn btn-info btn-Update" onclick="update(this)" data-toggle="modal" data-target="#adminModal">修改</button>\n' +
                        '                            <button class="btn btn-danger" onclick="deleteAdmin(this)">删除</button>\n' +
                        '                        </td>\n' +
                        '                    </tr>'
                }
                $("#tbody1").html(tr);
            })

        }

        //跳转按键
        function jumpPage() {
            //获取文本框中的文字
            var pageNo = parseInt($("#jumpPageNo").val());

            //获取所有的#page下的a标签 用于跳转后的改变数据和判断是否页码数多余5页
            var $a = $("#page li a");

            //获取当前属性有class='active'的li标签用于改变属性
            var $li = $("#page li[class='active']");

            //最后一个离元素的内容  就是 ‘共有"+data.pageTotal+"页，"+data.pageTotalCount+"条数据’
            var $lastLiHtml = $("#pageText").html();
            //将字符串切割出页数
            var totalPage = parseInt($lastLiHtml.substring(2, $lastLiHtml.indexOf("页")));

            //判断文本框中的文字是否能转化成Number类型 且在数字合理的范围内
            //数字合理共有
            //1.页数大于5
            //    1.1 跳转到1 或2 界面
            //    1.2 跳转到倒数第二页 或倒数第一页 界面
            //    1.3 跳转其他数字的页面
            //2.页码小于5
            if (isNaN(pageNo) || pageNo <= 0 || pageNo > totalPage) {
                //如果是空或者不在合理范围内就弹窗提示
                alert("请输入正确数字")
            } else if ($a.length >= 9) {
                //1.页数大于5  因为a标签还包含上一页下一页 首页末页  所以要length大于等于9才是总页数大于等于5页
                if (pageNo == 1 || pageNo == 2) {
                    //    1.1 且跳转到1 或2 界面
                    $a.eq(2).html(1);
                    $a.eq(3).html(2);
                    $a.eq(4).html(3);
                    $a.eq(5).html(4);
                    $a.eq(6).html(5);
                    $li.removeAttr('class', 'active');
                    $a.eq(pageNo + 1).parent("li").attr("class", "active")
                } else if (pageNo == totalPage || pageNo == (totalPage - 1)) {
                    //1.2 跳转到倒数第二页 或倒数第一页 界面
                    $a.eq(2).html(totalPage - 4);
                    $a.eq(3).html(totalPage - 3);
                    $a.eq(4).html(totalPage - 2);
                    $a.eq(5).html(totalPage - 1);
                    $a.eq(6).html(totalPage);
                    $li.removeAttr('class', 'active');
                    $a.eq(pageNo - totalPage + 6).parent("li").attr("class", "active");
                } else {
                    //1.3 跳转其他数字的页面
                    $a.eq(2).html(pageNo - 2);
                    $a.eq(3).html(pageNo - 1);
                    $a.eq(4).html(pageNo);
                    $a.eq(5).html(pageNo + 1);
                    $a.eq(6).html(pageNo + 2);
                    $li.removeAttr('class', 'active');
                    $a.eq(4).parent("li").attr("class", "active");
                }
            } else {
                //2.页码小于5
                $li.removeAttr('class', 'active');
                $a.eq(pageNo + 1).parent("li").attr("class", "active");
            }

            //获取属性为class='active'的数据并写在页面上
            getPageItem();
        }

        //校验用户名
        function checkAdminName() {
            //获取用户名
            var adminName = $("#adminName").val();
            //定义正则
            var reg_adminName = /^\w{8,20}/;
            //判断给出提示信息
            var flag = reg_adminName.test(adminName);
            if (flag) {
                $("#adminName").css("border", "")
            } else {
                $("#adminName").css("border", "1px solid red")
            }
            return flag;
        }

        //校验密码
        function checkPassword() {
            //获取用户名
            var password = $("#adminPassword").val();
            //定义正则
            var reg_password = /^\w{8,20}/;
            //判断给出提示信息
            var flag = reg_password.test(password);
            if (flag) {
                $("#adminPassword").css("border", "")
            } else {
                $("#adminPassword").css("border", "1px solid red")
            }
            return flag;
        }

        //校验电话
        function checkPhone() {
            //获取用户名
            var phone = $("#adminPhone").val();
            //定义正则
            var reg_phone = /^\w{8,20}/;
            //判断给出提示信息
            var flag = reg_phone.test(phone);
            if (flag) {
                $("#adminPhone").css("border", "")
            } else {
                $("#adminPhone").css("border", "1px solid red")
            }
            return flag;
        }

        //校验邮箱
        function checkEmail() {
            //获取用户名
            var email = $("#adminEmail").val();
            //定义正则
            var reg_email = /^\w+@\w+\.\w+$/;
            //判断给出提示信息
            var flag = reg_email.test(email);
            if (flag) {
                $("#adminEmail").css("border", "")
            } else {
                $("#adminEmail").css("border", "1px solid red")
            }
            return flag;
        }

    </script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-static-top">
    <div class="container-fluid">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
                    aria-expanded="false"
                    aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">在线视频后台管理</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
            <ul class="nav navbar-nav navbar-right">
                <!--                <li><a href="#">设置</a></li>-->
                <li><a href="#">退出</a></li>
            </ul>
            <!--            <form class="navbar-form navbar-right">-->
            <!--                <input type="text" class="form-control" placeholder="搜索">-->
            <!--            </form>-->
        </div>
    </div>
</nav>

<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <ul class="nav nav-sidebar">
                <li class="active"><a href="./index.html">总览 <span class="sr-only">(current)</span></a></li>
                <li><a href="./video_list.html">视频管理</a></li>
                <li><a href="./order_list.html">订单管理</a></li>
                <li><a href="./user_list.html">用户管理</a></li>
            </ul>
        </div>
        <div class="col-sm-9 main">
            <h2 class="sub-header">管理员列表</h2>
            <!-- 绑定模态框按钮 -->
            <button class="btn btn-primary" data-toggle="modal" data-target="#adminModal" id="btn-addAdmin">添加管理员
            </button>
            <div class="table-responsive">
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>管理员ID</th>
                        <th>管理员名称</th>
                        <th>管理员邮箱</th>
                        <th>管理员电话</th>
                        <th>管理员密码</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="tbody1">
                    </tbody>
                </table>
            </div>
            <nav aria-label="Page navigation" id="page">

            </nav>
        </div>
    </div>
</div>

<!-- Modal -->
<div class="modal fade" id="adminModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <h4 class="modal-title" id="myModalLabel">管理员添加</h4>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <form class="form-horizontal" id="modalForm">
                            <div class="form-group">
                                <label for="adminName" class="col-sm-3 control-label">管理员名</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="adminName" placeholder="管理员名">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="adminPhone" class="col-sm-3 control-label">管理员电话</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="adminPhone" placeholder="管理员电话">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="adminPassword" class="col-sm-3 control-label">管理员密码</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="adminPassword" placeholder="管理员密码">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="adminEmail" class="col-sm-3 control-label">管理员邮箱</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control" id="adminEmail" placeholder="管理员邮箱">
                                </div>
                            </div>

                        </form>
                    </div>
                    <div class="col-md-1"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="btn1" data-dismiss="modal">保存</button>
            </div>
        </div>
    </div>
</div>
</body>
</html>